// 左侧菜单样式
.el-scrollbar__view {
  & > .el-menu {
    user-select: none;
    width: 88%;
    margin: 8px auto;
    border-right: 0px;
    .el-sub-menu.is-active {
      .el-menu {
        .el-menu-item {
            height: 35px;
            // margin: 8px 0;
          }
        .el-sub-menu {
          margin: 8px 0;
          &.is-active {
            .el-sub-menu__title {
              background-color: #e9f2ff;
              height: 35px;
              color: #4592ff;
              border-radius: 7px;
              margin: 8px 0;
            }
          }
          .el-sub-menu__title {
            margin: 8px 0;
            height: 35px;
          }
        }
      }
      & > .el-sub-menu__title {
        background-color: #e9f2ff;
        color: #4592ff;
        height: 35px;
        border-radius: 7px;
        font-size: 15px;
      }
    }
    .el-sub-menu {
      margin: 8px 0;
      .el-menu {
        .el-menu-item {
            height: 35px;
            // margin: 8px 0;
          }
        .el-sub-menu {
          margin: 8px 0;
          .el-sub-menu__title {
            height: 35px;
            margin: 8px 0;
          }
          .el-sub-menu__title {
            margin: 8px 0;
            height: 35px;
          }
        }
      }
      & > .el-sub-menu__title {
        height: 35px;
        font-size: 15px;
        
      }
    }
    // 第一层为非目录时的类名样式
    &>.el-menu-item {
        height: 35px;
        margin: 8px 0;
        .gva-menu-item {
            .gva-menu-item-title {
                font-size: 15px;
               
            }
        }
    }
  }
}

.gva-menu-item-title {
  flex-shrink: 0 !important;
  overflow: hidden; /*超出的部分隐藏起来。*/
  white-space: nowrap; /*不显示的地方用省略号...代替*/
  text-overflow: ellipsis; /* 支持 IE */
  display: inline-block;
  width: 140px !important;
  flex: 140px 0 0 !important;
}
